<template>
  <div class="guohuofu">
      
      <img src="@/../public/guohuo/title.jpg" alt="">
      <ul>
          <li v-for="(v,i) in imgurl" :key="i" ><Guohuozi :imgurl="v"/></li>
      </ul>
        


  </div>
</template>

<script>
import Guohuozi from "./guohuozi.vue"
export default {
    data(){
        return{
            imgurl:[require("@/../public/guohuo/item1.jpg") ,require("@/../public/guohuo/item2.jpg") ,require("@/../public/guohuo/item3.jpg"),require("@/../public/guohuo/item4.jpg")]
        }
        
    },


    components:{
        Guohuozi
    }
}
</script>

<style lang="scss">
.guohuofu{
    width: 100%;
    // height: 4rem;
    img{
        width: 100%;
        height: .4rem;
    }
    ul{
        display: flex;
      li{
          flex-wrap: wrap;
      }  
    }
}
img{
    vertical-align: bottom;

}
</style>